<!DOCTYPE html>
<%@ page contentType="text/html; charset=utf-8" %>
<%@ page language="java" pageEncoding="utf-8"%>

<%@ include file="header.jsp" %>
<body>
 <div id="edycja" data-role="page" data-url="edycja.jsp">  
    <header data-role="header" data-position="fixed">
    	<a data-rel="back" data-icon="back" data-transition="fade">Powrót</a>
      	<h1>Edycja</h1>
    </header>
    
    <section data-role="content">
			<!-- ERROR MESSAGE -->
			<%@ taglib prefix="s" uri="/struts-tags"%>
			<s:if test="hasActionErrors()">
				<a id="linkErrorRejestracja" href="#errorRejestracja"
					data-rel="popup" data-position-to="window" data-transition="flip"
					data-theme="a" data-overlay-theme="a"></a>
				<div data-role="popup" id="errorRejestracja">
					<div class="errorPopup">
						<h4>
							<s:actionerror />

						</h4>
						<a data-role="button" data-rel="back" data-icon="arrow-l">Powrót</a>
					</div>
				</div>
				<script>
					$("#linkErrorRejestracja").click();
				</script>
			</s:if>

			<form action="addKursant!edit.action" method="post"
				id="kursantRejestracjaForm">
				<div data-role="fieldcontain">
					<label for="imie">Imię:</label> 
					<input type="text" name="form.imie" value="<s:property value="#session.loggedUser.imie"/>"
						id="imie" value placeholder="Imię" class="required" minlength="2" />
				</div>
				<div data-role="fieldcontain">
					<label for="imieDrugie">Drugie imię:</label> 
					<input type="text" value="<s:property value="#session.loggedUser.imie2"/>"
						name="form.imie2" id="imieDrugie" value placeholder="Drugie imię"
						class="required" minlength="2" />
				</div>
				<div data-role="fieldcontain">
					<label for="nazwisko">Nazwisko:</label> 
					<input type="text" value="<s:property value="#session.loggedUser.nazwisko"/>"
						name="form.nazwisko" id="nazwisko" value placeholder="Nazwisko"
						class="required" minlength="2" />
				</div>
				<div data-role="fieldcontain">
					<label for="email">email:</label> 
					<input type="text" value="<s:property value="#session.loggedUser.email"/>"
						name="form.email" id="email" value placeholder="email"
						class="required email" minlength="5" />
				</div>
				<div data-role="fieldcontain">
					<label for="pesel">PESEL:</label> 
					<input type="number" value="<s:property value="#session.loggedUser.pesel"/>"
						name="form.pesel" id="pesel" patern="[0-9]*" value
						placeholder="PESEL" class="required" minlength="11" />
				</div>
				<div data-role="fieldcontain">
					<label for="telefon">nr telefonu:</label> 
					<input type="number" value="<s:property value="#session.loggedUser.telefon"/>"
						name="form.telefon" id="telefon" patern="[0-9]*" value
						placeholder="Telefon" class="required" minlength="8" />
				</div>
				<div data-role="fieldcontain">
					<fieldset data-role="controlgroup">
						<legend>Kategorie:</legend>
						<input type="checkbox" name="form.katA" id="checkbox-1a" class="custom" /> 
						<label for="checkbox-1a">Kat. A</label> 
						<input type="checkbox" name="form.katB" id="checkbox-2a" class="custom" />
						<label for="checkbox-2a">Kat. B</label>
					</fieldset>
				</div>
				<div data-role="fieldcontain">
					<label for="haslo">Hasło:</label>
					 <input type="password" 
						name="form.haslo" id="haslo" value placeholder="Hasło"
						class="required" minlength="5" />
				</div>
				<div data-role="fieldcontain">
					<label for="powHaslo">Powtórz hasło:</label>
					 <input type="password" 
						name="powHaslo" id="powHaslo" value placeholder="Powtórz hasło"
						class="required" minlength="5" />
				</div>
				<div data-role="fieldcontain">
					<label for="uwagi">Uwagi:</label>
					<textarea name="form.uwagi" id="uwagi" maxlength="200" value="<s:property value="#session.loggedUser.uwagi"/>"></textarea>
				</div>
				<input type="submit" value="Zapisz" />
			</form>
			
			<input type="hidden" name="valueKatA" id="valueKatA" value="<s:property value="#session.loggedUser.katA"/>" />
			<script>
			var chbox1 = document.getElementById("valueKatA").value;
			if(chbox1 == "true"){
				$("#checkbox-1a").attr("checked",true).checkboxradio("refresh");
			}
			</script>

			<input type="hidden" name="valueKatB" id="valueKatB" value="<s:property value="#session.loggedUser.katB"/>" />
			<script>
			var chbox2 = document.getElementById("valueKatB").value;
			if(chbox2 == "true"){
				$("#checkbox-2a").attr("checked",true).checkboxradio("refresh");
			}
			</script>
			
			<script type="text/javascript">
				$("#kursantRejestracjaForm")
						.validate(
								{
									rules : {
										powHaslo : {
											required : true,
											minlength : 5,
											equalTo : "#haslo"
										},
									},
									messages : {
										imie : {
											required : "Proszę podać imię",
											minlength : "Twoje imię powinno zawierać co najmniej 2 znaki"
										},
										nazwisko : {
											required : "Proszę podać nazwisko",
											minlength : "Twoje nazwisko powinno zawierać co najmniej 2 znaki"
										},
										pesel : {
											required : "Proszę podać PESEL",
											minlength : "Twój PESEL powinien zawierać 11 znaków"
										},
										telefon : {
											required : "Proszę podać telefon",
											minlength : "Twój numer telefonu powinien zawierać co najmniej 8 znaków"
										},
										haslo : {
											required : "Proszę podać hasło",
											minlength : "Twoje hasło powinno zawierać co najmniej 5 znaków"
										},
										powHaslo : {
											required : "Proszę powtórzyć hasło",
											minlength : "Twoje hasło powinno zawierać co najmniej 5 znaków",
											equalTo : "Proszę powtórzyć hasło"
										},
										email : "Proszę podać prawidłowy mail",
									}
								});
			</script>

		</section>
    
    <div data-role="footer">
		<h4>E-PRAWO JAZDY</h4>
	</div>
</div>

</body>
</html>